<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <ul>
        <li>官方发布优化疫情防控二十条</li>
        <li>广州：目前对在隔离的次密接解除隔离</li>
        <li>"神十四航天员在轨祝福人民空军</li>
        <li>"奶茶店先说欢迎光临被封 官方回应</li>
        <li>"官方：严禁随意静默管理 封校停课</li>
        <li>"不具备居家隔离人员仍集中隔离</li>
        <li>"女子简历被面试官撕毁 公司回应</li>
        <li>"赫尔松安东诺夫斯基大桥已被炸断</li>
    </ul> -->
</body>
</html>
<script>

        //1.创建一个xhr对象
        var xhr = new XMLHttpRequest();

        //2.配置xhr对象
        
        xhr.open('get','./2.data.json');

        //3.设置回调函数, 用来接收返回的响应数据
        xhr.onreadystatechange = function(){
            if( xhr.readyState == 4 ){
                console.log('请求到了新闻数据',  JSON.parse( xhr.responseText ) );
            }
        }

        //4.发送请求
        xhr.send();

</script>